Page({
  data: {
    Width: 0,
    Height: 0,
    scale: 13,
    latitude: "",
    longitude: "",
    showMap: false, //去这里的点击事件
    showModalStatus: false,
    showModal: false,
    markers: [{
      id: 1,
      iconPath: '/pages/images/normal.png',
      width: 40,
      height: 40,
    }],
    //在地图上显示控件，控件不随着地图移动

    circles: []
  },

  powerDrawer: function(e) {
    var currentStatu = e.currentTarget.dataset.statu;
    this.util(currentStatu)
  },



  // 弹窗
  showDialogBtn: function() {
    this.setData({
      showModal: true
    })
  },

  //弹出框蒙层截断touchmove事件   
  preventTouchMove: function() {},

  //隐藏对话框状态
  hideModal: function() {
    this.setData({
      showModal: false
    });
  },

  //对话框取消按钮点击事件
  onCancel: function() {
    this.hideModal();
  },

  //对话框确认按钮点击事件
  onConfirm: function() {
    this.hideModal();
  },

  util: function(currentStatu) {
    /* 动画部分 */
    // 第1步：创建动画实例 
    var animation = wx.createAnimation({
      duration: 200, //动画时长
      timingFunction: "linear", //线性
      delay: 0 //0则不延迟
    });

    // 第2步：这个动画实例赋给当前的动画实例
    this.animation = animation;

    // 第3步：执行第一组动画：Y轴偏移240px后(盒子高度是240px)，停
    animation.translateY(240).step();

    // 第4步：导出动画对象赋给数据对象储存
    this.setData({
      animationData: animation.export()
    })

    // 第5步：设置定时器到指定时候后，执行第二组动画
    setTimeout(function() {
      // 执行第二组动画：Y轴不偏移，停
      animation.translateY(0).step()
      // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象
      this.setData({
        animationData: animation
      })

      //关闭抽屉
      if (currentStatu == "close") {

        this.setData({
          showModalStatus: false
        });
      }
    }.bind(this), 200)

    // 显示抽屉
    if (currentStatu == "open") {
      this.setData({
        showModalStatus: true
      });
    }
  },

  buttonclick: function() {
    wx: wx.showActionSheet({
      itemList: ['导航到游客中心停车场', '高德地图', '苹果地图', '百度地图'],
      itemColor: '#FE762C',
      success: function(res) {
        if (!res.cancel) {
          console.log(res.tapIndex);
        }
      },
      fail: function(res) {},
      complete: function(res) {},
    })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function() {
    var _this = this;
    wx.getSystemInfo({
      success: function(res) {
        //设置map高度，根据当前设备宽高满屏显示
        _this.setData({
          view: {
            Width: res.windowWidth,
            Height: res.windowHeight
          }
        })
      }

    })

    wx.getLocation({
      type: 'wgs84', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标
      success: function(res) {

        _this.setData({
          latitude: res.latitude,
          longitude: res.longitude,
          markers: [{
            id: "1",
            latitude: res.latitude,
            longitude: res.longitude,
            width: 50,
            height: 50,
            iconPath: "/pages/images/currentposition@2x.png",
            title: "哪里"
          }],
        })
      }
    })
  },

  regionchange(e) {
    console.log("regionchange===" + e.type)
  },

  markertap(e) {
    console.log(e.markerId)
    wx.showActionSheet({
      itemList: ["A"],
      success: function(res) {
        console.log(res.tapIndex)
      },
      fail: function(res) {
        console.log(res.errMsg)
      }
    })
  },

  //点击缩放按钮动态请求数据
  controltap(e) {
    var that = this;
    console.log("scale===" + this.data.scale)
    if (e.controlId === 1) {
      // if (this.data.scale === 13) {
      that.setData({
        scale: --this.data.scale
      })
      // }
    } else {
      // if (this.data.scale !== 13) {
      that.setData({
        scale: ++this.data.scale
      })
      // }
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },

  //seeOrder
  seeOrder: function() {
    wx.navigateTo({
      url: '../NavigateParking_Order/NavigateParking_Order',
    })
  },
  seeBack: function() {
    wx.navigateBack({

    })
  },
  seeRodeParking: function() {
    wx.navigateTo({
      url: '../ParkingRode/ParkingRode',
    })
  }
})